// base color
$blue: #324157;
$light-blue: #3A71A8;
$red: #C03639;
$pink:  #E65D6E;
$green:  #30B08F;
$tiffany:  #4AB7BD;
$yellow: #FEC171;
$panGreen:  #30B08F;

// sidebar
$menuText: #ADB6C8;
$menuActiveText: #3B6AF2;
$subMenuActiveText: #ffffff;
$border-color:#dcdfe6;

$menuBg: #282C33;
$menuHover: #263445;

$subMenuBg: #282C33;
$subMenuHover: #001528;

$sideBarMaxWidth: 200px;
$sideBarMinWidth: 54px;
$navbarHeight: 50px;
$tagsViewHeight: 36px;

:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarMaxWidth: $sideBarMaxWidth;
  sideBarMinWidth: $sideBarMinWidth;
  navbarHeight: $navbarHeight;
  tagsViewHeight: $tagsViewHeight;
}
